<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Defining an Interactive Stacked Graph widget</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
p.whs1 { margin-left:0px; }
p.whs2 { margin-left:40px; }
img_whs3 { border:none; width:611px; height:383px; float:none; border-style:none; }
ol.whs4 { list-style:decimal; }
p.whs5 { margin-left:0px; font-weight:normal; }
ul.whs6 { list-style:disc; }
ol.whs7 { list-style:lower-alpha; }
p.whs8 { margin-left:0px; font-weight:bold; }
-->
</style><script type="text/javascript" language="JavaScript">
<!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
{
  var strNSS = "<style type='text/css'>";
  strNSS += "p.whs1 {margin-left:1pt; }";
  strNSS += "p.whs5 {margin-left:1pt; }";
  strNSS += "p.whs8 {margin-left:1pt; }";
  strNSS +="</style>";
  document.write(strNSS);
}
//-->
</script>
<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nCreating an Interactive Stacked Graph widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Creating an Interactive Stacked Graph widget</h1>
<p class="whs1">An Interactive Stacked Graph widget presents 
 a combination of a check box list and an area graph. The graph allows 
 a user to see the contribution of various metric series to the change 
 in value of a larger set of data. <span style="margin-left: 0px;">By selecting 
 individual attribute elements (for example, a list of years) using the 
 check boxes, analysts determine what data is displayed on the area graph 
 on the right. This widget allows you to visualize total metric values 
 as one large stacked area, and the individual pieces of that total as 
 smaller stacked areas within the large stacked area. You can quickly analyze 
 how the individual parts make up the whole, which is useful when making 
 percent-to-total comparisons. </span></p>
<p class="whs1">The data requirements for this type of widget 
 are as follows: </p>
<ul>
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>One attribute 
 on the Grid/Graph's rows, which is displayed on the graph's X-axis. In 
 the image below, this is the Month of Year attribute.</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>One attribute 
 on the Grid/Graph's columns, which is represented by the check box list 
 on the left. In the image below, this is the Region attribute.</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>One metric 
 on the Grid/Graph's columns, which is displayed on the graph's Y-axis. 
 In the image below, this is the Revenue metric.</p></li>
</ul>
<p class="whs2"><img src="images/widget_stackedarea.gif" x-maintain-ratio="TRUE" width="611px" height="383px" border="0" class="img_whs3"></p>
<h2>To create an Interactive Stacked Graph widget</h2>
<ol type="1" class="whs4">
	
<li class=p><p class="whs1">Insert an Interactive Stacked 
 Graph widget into the document. For steps, see 
<a href="Insert_a_widget.htm">Inserting 
 a widget into a document</a>.</p></li>
	
<li style=" font-weight: normal; " class=p><p class="whs5">Add 
 objects to the Grid/Graph that contains the widget. To do this, from the 
 Dataset Objects panel on the left, select attributes and metrics and drag 
 them on top of the widget, using the following requirements:</p></li>
</ol>
<ol>
<li style="list-style: lower-alpha;" type=a class=p><p class="whs2">Place 
 at least two attributes, one on the rows and one on the columns.</p></li>
	<ul type="disc" class="whs6">
		
<li class=p><p class="whs2">The attribute placed 
 in the Grid/Graph's columns will appear in the list of check boxes on 
 the left side of the widget. For example, if you place a Category attribute 
 in the columns and then switch to Flash Mode, the list of categories is 
 displayed on the left as check boxes. You can select each check box to 
 show or hide that specific data on the area graph. Attributes placed on 
 the columns must appear to the left of any metrics on the columns. </p></li>
		
<li class=p><p class="whs2">Place only one metric 
 on the columns. The metric values are displayed on the Y-axis of the graph. 
 The metric must appear below (or to the right of) any attributes on the 
 columns. You can place any number of attributes on the Grid/Graph that 
 contains the widget, but it can have only one metric.</p></li>
	</ul>
	<ol start="2" type="a" class="whs7">
		
<li class=p><p class="whs1">Place only one metric 
 on the columns. The metric values are displayed on the Y-axis of the graph. 
 The metric must appear below (or to the right of) any attributes on the 
 columns. You can place any number of attributes on the Grid/Graph that 
 contains the widget, but it can have only one metric.</p></li>
	</ol>
</ol>
<ol start="3" type="1" class="whs4">
	
<li class=p><p class="whs1">View and test your results 
 by selecting <span style="font-weight: bold;"><B>Flash Mode</B></span> from the 
 <span style="font-weight: bold;"><B>Tools</B></span> menu. </p></li>
</ol>
<ol start="3" type="1" class="whs4">
	<ul type="disc" class="whs6">
		
<li class=p><p class="whs1">If Flash Mode is not available, 
 you must make Flash Mode available in the document. For steps, see 
<a 
 href="Defining_available_display_modes.htm">Defining which display modes 
 are available to users</a>.</p></li>
	</ul>
</ol>
<ol start="4" type="1" class="whs4">
	
<li class=p-Steps><p class=Steps>Click <span style="font-weight: bold;"><B>OK</B></span> 
 to apply the changes and return to the document.</p></li>
</ol>
<p>&nbsp;</p>
<p class="whs8"><span><B><span style="font-weight: bold;"><B>Related 
 topics</B></span></B></span></p>
<ul type="disc" class="whs6">
	
<li class=p><p class="whs1">
<a href="Flash_Mode.htm">Working 
 with documents in Flash Mode</a></p></li>
	
<li class=p><p class="whs1">
<a href="About_using_an_Interactive_Stacked_Graph_widget_as_a_selector.htm">About 
 using an Interactive Stacked Graph widget as a selector</a></p></li>
	
<li class=p><p class="whs1">
<a href="Format_Stacked.htm">Formatting 
 an Interactive Stacked Graph widget</a></p></li>
	
<li class=p><p class="whs1">
<a href="Analyze_data_in_Stacked_Graph.htm">Analyzing 
 data in an Interactive Stacked Graph widget</a></p></li>
	
<li class=p><p class="whs1">
<a href="Drilling_in_Bubble_widget.htm">Enabling 
 drilling in an Interactive Bubble Graph widget</a></p></li>
	
<li class=p><p class="whs1">
<a href="Bubble_time_series.htm">Enabling 
 time series animation in an Interactive Bubble Graph widget</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
